<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
    <!-- 
        表单： form
            用来收集用户信息

            action: 点击提交后，将填写的信息发送给action
            表单元素：
            input:
                -name: 表单的名字 只有在name属性的表单才会被提交
                -placeholder： 给用户的提示信息
                -value： 默认值
                -disabled: 禁用
                -readonly: 只读
                -type:  text 文本框 默认值
                    password 密码框
                    radio 单选框
                    checkbox 多选框
                    file 文件上传
                    reset 重置
                    submit 提交
            select: 下拉框
                option： 定义下拉列表里的选项

            textarea： 文本域 rows高度 cols宽度

            button：按钮 放到form里会有提交的功能
     -->
     <form action="http://www.baidu.com">
     	姓名： <input type="text" name="user" placeholder="请输入姓名" value="张三" > <br> 
        密码： <input type="password" readonly name=""><br>
        <!-- name在单选框里有分组的作用 -->
        性别： <input type="radio" name="sex">男  
               <input type="radio" name="sex">女
               <input type="radio" name="sex">沃尔玛购物袋 <br>
        爱好： <input type="checkbox" name="game">王者荣耀
               <input type="checkbox" name="game">金铲铲
               <input type="checkbox" name="game">火影忍者
               <input type="checkbox" name="game">cf
               <input type="checkbox" name="game">QQ飞车 <br>
        省份： <select name="shnegfen">
                  <!-- selected 默认选中 -->
                  <option value="shandong">山东省</option>
                  <option value="caoxina" selected>宇宙曹县</option>
                  <option value="daxia">青岛大虾</option>
            </select>
        省份/直辖市： 
            <select name="pro" id="">
                <!-- optgroup 分组   label  分组的标题-->
                <optgroup label="省份">
                    <option value="sd">山东</option>
                    <option value="hb">河北</option>
                    <option value="hn">河南</option>
                </optgroup>
                <optgroup label="直辖市">
                    <option>北京</option>
                    <option>上海</option>
                    <option>天津</option>
                    <option>重庆</option>
                    <option>深圳</option>
                </optgroup>
            </select> <br>
        自我介绍：
            <textarea cols="15" rows="10">一秒五百字</textarea> <br>
        文件上传： <input type="file" name="" id=""> <br>
        <input type="reset" name="">
        <input type="submit" name="" value="别提交有病毒">   

        
     	<button>提交</button> 
     </form>
</body>
</html>